/**
 *  Copyright � 2010 Digia Plc
 *  Copyright � 2010 Nokia Corporation
 *
 *  All rights reserved.
 *
 *  Nokia and Nokia Connecting People are registered trademarks of
 *  Nokia Corporation.
 *  Java and all Java-based marks are trademarks or registered
 *  trademarks of
 *  Sun Microsystems, Inc. Other product and company names
 *  mentioned herein may be
 *  trademarks or trade names of their respective owners.
 *
 *
 *  Subject to the conditions below, you may, without charge:
 *
 *  �  Use, copy, modify and/or merge copies of this software and
 *     associated documentation files (the "Software")
 *
 *  �  Publish, distribute, sub-licence and/or sell new software
 *     derived from or incorporating the Software.
 *
 *
 *  This file, unmodified, shall be included with all copies or
 *  substantial portions
 *  of the Software that are distributed in source code form.
 *
 *  The Software cannot constitute the primary value of any new
 *  software derived
 *  from or incorporating the Software.
 *
 *  Any person dealing with the Software shall not misrepresent
 *  the source of the Software.
 *
 *  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
 *  KIND, EXPRESS OR IMPLIED,
 *  INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 *  MERCHANTABILITY, FITNESS FOR A
 *  PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  AUTHORS OR COPYRIGHT
 *  HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 *  WHETHER IN AN ACTION
 *  OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 *  CONNECTION WITH THE
 *  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
import Qt 4.7
import QtWebKit 1.0
import "../colibri"
import "../colibri/gradients"
import "styles"

Item {
    id: structure

    property CLStyle style: StyleHomeControlSystem {}

    signal closeWindow()

    MouseArea {
        anchors.fill: parent;
    }

    Rectangle {
        width: structure.width*0.955
        height: structure.height*0.924
        color: style.selectionColor
        anchors.centerIn: parent
        radius: 7
    }

    Image {
        source: "images/control_bg_trans_420x275_png.png"
        anchors.fill: parent
        opacity: 0.7
    }

    RoomExitButton {
        windowWidth: structure.width
        windowHeight: structure.height
        style: structure.style
        onClicked: structure.closeWindow()
    }

    Text {
        text: "Air Conditioning"
        font.pixelSize: 1 + Math.round( 23 * (structure.height / 424) )
        x: Math.round( structure.width * 0.05 )
        y: Math.round( structure.height * 0.05 )
        color: structure.style.textColor
        font.bold: true
    }

    Rectangle {
        x: Math.round( structure.width * 0.05 )
        y: Math.round( structure.height * 0.15 )
        width: Math.round(572*(structure.width/640))
        height: Math.round(330*(structure.height/424))
        clip: true

        WebView {
            id: webview
            anchors.fill: parent
            url: "html/airconditioning.html"
            onLoadFinished: { webview.visible = true; progwindow.visible = false; }
            onLoadStarted: progwindow.visible = true
            transformOrigin: Item.TopLeft
            visible: false
            scale: 1.3
            smooth: true
            clip: true
        }
        Rectangle {
            id: progwindow
            visible: false
            anchors.fill: parent
            Column {
                anchors.centerIn: parent
                spacing: 8
                Text { text: "Loading..."; color: "#26566f"; font.pixelSize: 1 + Math.round( 16 * (structure.height / 424) ); anchors.horizontalCenter: parent.horizontalCenter; }
                CLProgressBar { id: progress; value: webview.progress; width: progwindow.width*0.5; style: structure.style }
            }
        }
    }
}

